<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="framework/icon.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script src="js/index.js"></script>
    <title>饿了么 首页</title>

</head>
<body>
<!-- 总容器 -->
<div class="wrapper">
    <!-- header部分 -->
    <header>
        <div class="icon-location-box">
            <div class="icon-location"></div>
        </div>
        <div class="location-text">昆明市呈贡区云南大学<i class="fa fa-caret-down"></i></div>
    </header>

    <!-- search部分 -->
    <div class="search">
        <div class="search-fixed-top" id="fixedBox">
            <div class="search-box">
                <i class="fa fa-search"></i>搜索饿了么商家、商品名称
            </div>
        </div>
    </div>

    <!-- 点餐分类部分 -->
    <ul class="foodtype">
        <li onclick="location.href='businessList.html'">
            <img src="images/美食.png">
            <p>美食</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/美容.png">
            <p>早餐</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/健身.png">
            <p>跑腿代购</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/婚纱.png">
            <p>汉堡披萨</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/车.png">
            <p>甜品饮品</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/家装.png">
            <p>速食简餐</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/教育.png">
            <p>地方小吃</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/旅行.png">
            <p>米粉面馆</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/服装.png">
            <p>包子粥铺</p>
        </li>
        <li onclick="location.href='businessList.html'">
            <img src="images/美容.png">
            <p>炸鸡炸串</p>
        </li>
    </ul>

    <!-- 横幅广告部分 -->
    <div class="banner">
        <h3>品质套餐</h3>
        <p>搭配齐全吃得好</p>
        <a>立即抢购 &gt;</a>
    </div>

    <!-- 超级会员部分 -->
    <div class="supermember">
        <div class="left">
            <img src="images/皇冠.png">
            <h3>超级会员</h3>
            <p>&#8226; 每月享超值权益</p>
        </div>
        <div class="right">
            立即开通 &gt;
        </div>
    </div>

    <!-- 推荐商家部分 -->
    <div class="recommend">
        <div class="recommend-line"></div>
        <p>推荐商家</p>
        <div class="recommend-line"></div>
    </div>

    <!-- 推荐方式部分 -->
    <ul class="recommendtype">
        <li>综合排序<i class="fa fa-caret-down"></i></li>
        <li>距离最近</li>
        <li>销量最高</li>
        <li>筛选<i class="fa fa-filter"></i></li>
    </ul>

    <!-- 推荐商家列表部分 -->
    <ul class="bussiness">
        <li onclick="location.href='businessInfo.html'">
            <img src="https://img.meituan.net/600.600/msmerchant/3b39d5d539c904a76139311a77c9261e435542.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>泰国海鲜火锅（翠湖店）</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.3分 17375条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>火锅外卖</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/ugcpic/33ec068b738806b9f6b8d527e4ec097c@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>杨铭宇黄焖鸡米饭（汇尔佳店店）</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.1分 75条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;15起送 | &#165;10配送</p>
                    <p>6.84km | 50分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>黄焖鸡米饭</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>1个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/merchant/40913ea8226649f86335f88e35fe476f287953.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>老味道砂锅菜</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.2分 173条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>特色砂锅</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/biztone/8bf754d72c6fc3842729b1f3c7ffd61b58530.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>东北大叔烤冷面</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.9分 167条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>东北烤冷面</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/deal/62023b87fe910c87de14cafe4d131325698568.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>汇来大嘴私房米线</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.1分 6349条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>本地米线</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/merchant/01b3f0898e4b79ad8aba85c1672c7a01239390.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>不二汤包（爱琴海购物公园店）</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>3.7分 4928条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>美味汤包</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p1.meituan.net/600.600/xianfu/4113f439a951cdb8eccddc63165d3ef5321108.jpg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>罗家小铺甩手粑粑</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>3.9分 2437条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>当地美食</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p0.meituan.net/600.600/biztone/1855088147_1652688343899.jpeg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>瑭屋烧烤（瑞丰店）</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.3分 583条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>火锅外卖</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <img src="https://p1.meituan.net/600.600/biztone/52386255_1645500654130.jpeg@220w_125h_1e_1c">
            <div class="bussiness-info">
                <div class="bussiness-info-h">
                    <h3>十秋精致料理（柏联店）</h3>
                    <div class="bussiness-info-like">&#8226;</div>
                </div>
                <div class="bussiness-info-star">
                    <div class="bussiness-info-star-left">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <p>4.4分 9305条评价</p>
                    </div>
                    <div class="bussiness-info-star-right">
                        蜂鸟专送
                    </div>
                </div>
                <div class="bussiness-info-delivery">
                    <p>&#165;30起送 | &#165;15配送</p>
                    <p>3.22km | 45分钟</p>
                </div>
                <div class="bussiness-info-explain">
                    <div>火锅外卖</div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon">新</div>
                        <p>饿了么新用户首单立减9元</p>
                    </div>
                    <div class="bussiness-info-promotion-right">
                        <p>2个活动</p>
                        <i class="fa fa-caret-down"></i>
                    </div>
                </div>
                <div class="bussiness-info-promotion">
                    <div class="bussiness-info-promotion-left">
                        <div class="bussiness-info-promotion-left-incon" style="background-color: #F1884F">特</div>
                        <p>特价商品5元起</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>

    <div class="blank"></div>

    <!-- 底部菜单部分 -->
    <ul class="footer">
        <li onclick="location.href='index.html'">
            <i class="fa fa-home"></i>
            <p>首页</p>
        </li>
        <li>
            <i class="fa fa-compass"></i>
            <p>发现</p>
        </li>
        <li onclick="location.href='orderList.html'">
            <i class="fa fa-file-text-o"></i>
            <p>订单</p>
        </li>
        <li>
            <i class="fa fa-user-o"></i>
            <p>我的</p>
        </li>
    </ul>
</div>

</body>
</html>
